<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>个人中心</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/userpp.css" rel="stylesheet">
</head>
<body class="body-pad cl-b-lgrey per-info-wrapper">
	<div class="ub ub-ac page-header">
		<a href="#" class="clickable"><span class="icon-back"></span></a>
		<div class="ub-f1 page-name">个人资料</div>
		<a href="#"><span class="icon-empty"></span></a>
	</div>
	<form class="ub ub-ver per-info-list">
		<div class="ub-f1 cl-b-white per-info-item">
			<p class="ub ub-ac cl-f-xxlgrey">
				<span class="per-l cl-f-black">昵称</span>
				<input type="text" class="per-input ub-f1" placeholder="幸福的小猪">
			</p>
			<p class="ub ub-ac cl-f-xxlgrey">
				<span class="per-l cl-f-black">性别</span>
				<input type="radio" id="boy" name="sex" checked><label for="boy">男</label>
				<input type="radio" id="girl" name="sex"><label for="girl">女</label>
				<input type="radio" id="bg" name="sex"><label for="bg">未知</label>
			</p>
			<p class="ub ub-ac cl-f-xxlgrey">
				<span class="per-l cl-f-orange">邮箱</span>
				<input type="text" class="per-input ub-f1" placeholder="3657795890@qq.com">
			</p>
		</div>
		<div class="ub-f1 cl-b-white per-info-item">
			<p class="ub ub-ac cl-f-xxlgrey">
				<span class="per-l cl-f-black">省市</span>
				<select name="place" id="">
					<option value="广东省">广东省</option>
					<option value="广东省">广东省</option>
					<option value="广东省">广东省</option>
				</select>
				<select name="place" id="">
					<option value="广州市">广州市</option>
					<option value="广州市">广州市</option>
					<option value="广州市">广州市</option>
				</select>
				<select name="place" id="">
					<option value="白云区">白云区</option>
					<option value="白云区">白云区</option>
					<option value="白云区">白云区</option>
				</select>
			</p>
			<p class="ub ub-ac cl-f-xxlgrey">
				<span class="per-l cl-f-black">手机</span>
				<input type="text" class="per-input ub-f1" placeholder="13657795890.com">
			</p>
			<p class="ub ub-ac cl-f-xxlgrey">
				<span class="per-l cl-f-black">地址</span>
				<input type="text" class="per-input ub-f1" placeholder="荆竹南街266号兴元华盛一期4-2-204">
			</p>
		</div>
		<div class="ub-f1 cl-b-white per-info-item">
			<p class="ub ub-ac cl-f-xxlgrey">
				<span class="per-l-long cl-f-black">微博地址</span>
				<input type="text" class="per-input ub-f1" placeholder="http://weibo.com/hongbeiq">
			</p>
			<p class="ub ub-ac cl-f-xxlgrey">
				<span class="per-l-long cl-f-black"> QQ空间</span>
				<input type="text" class="per-input ub-f1" placeholder="http://user.qzone.qq.com/3096462016">
			</p>
			<p class="ub ub-ac cl-f-xxlgrey">
				<span class="per-l-long cl-f-black">个人简介</span>
				<textarea name="" class="per-input ub-f1">向着烘焙大师努力努力再努力奋斗奋斗再奋斗！大家一起来相互学习，分享吧！</textarea>
			</p>
		</div>
		<p class="per-info-btn ub ub-pc"><a class="ub ub-ac ub-pc cl-b-white btn clickable"><span class="icon-edit"></span><span>修改资料</span></a></p>
	</form>
	<div class="row ub five-grid footer-five-grid f12 cl-b-white cl-f-dgrey">
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic1.png"><p>首页</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic2.png"><p>动态</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic3.png"><p>随手拍</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic4.png"><p>评测</p></div>
    	<div class="ub-f1 ub-ver clickable ub-pc ub-con"><img src="../images/f-ic5.png"><p>我的</p></div>
    </div>
	<script src="../js/jquery-1.11.1.min.js"></script>
	<script src="../js/jquery.lazyload.min.js"></script>
    <script src="../js/custom.js"></script>
</body>
</html>